<template>
	<span class="flex flex-nowrap w-full">
		<span class="flex justify-between" :style="'width: ' + labelWidth + 'px;'">
      <text v-for="(item, index) in text.split('')" :key="index">{{ item }}</text>
    </span>
    <text class="flex-1 truncate" :class="`w-[calc(100%-${labelWidth}px)]`"><slot /></text>
	</span>
</template>

<script>
	export default {
		name:"textSpacing",
		props: {
			text: {
				type: String,
				default: ''
			},
      labelWidth: {
        widtg: String||Number,
        default: 80
      }
		}
	}
</script>

<style>

</style>
